<template>
  <epgis-nav-container title="关于我们">
    <template #container>
      <div style= "height: 100%; width: 100%;background: white;" class="layoutVerticle">
        <div class="layoutVerticle layoutCenter" style="margin-top: 40px; margin-bottom: 40px;">
          <img src="@/assets/icon/mine/cat.png" style="width: 100px;height: 100px;border-radius: 50px;box-shadow: 0 0 0 1px white;"/>
          <span style="margin-top: 15px;font-size: 16px; font-weight: 600;">缘来</span>
          <span style="font-size: 12px;margin-top: 4px;color: #8a8a8a;">V 1.0</span>
        </div>
        <van-cell @click="gotoUserAgreement" title="用户协议" value=""  is-link  style="">
        </van-cell >
        <van-cell @click="gotoPrivacyAgreement" title="隐私协议" value=""  is-link  style="">
        </van-cell >
        <van-cell @click="managementSpecifications" title="平台信息管理规范"  value=""  is-link >
        </van-cell >
      </div>
    </template>
  </epgis-nav-container>
</template>

<script>
import { Http, Uploader } from "@/common/HttpClient";
import { MapUtil } from "@/common/mapUtil";
import { NativeUtil } from "@/common/utils";
import * as turf from "@turf/turf";
import { Toast, Notify } from "vant";

export default {
  components: {},
  data() {
    return {
      recommentSex:'',
    };
  },

  created(){
  },

  mounted() {

  },
  destroyed() {
  },
  activated() {
  },
  methods: {

    gotoUserAgreement(){
      this.$router.push({ name: 'UserAgreement' });
    },

    gotoPrivacyAgreement(){
      this.$router.push({ name: 'PrivacyAgreement' });
    },

    managementSpecifications(){
      this.$router.push({ name: 'ManagementSpecifications' });
    },
    





  },
};
</script>

<style lang="less" scoped>
  .layoutVerticle{
    display: flex;
    flex-direction: column;
  }

  .layoutHorizontal{
    display: flex;
    flex-direction: row;
  }

  .layoutCenter{
    justify-content: center;
    align-items: center;
  }

  /deep/.van-cell {
      padding: 10px 20px;
  }






</style>